/* common */

body {
	/*background-color: rgb(232,232,232);*/
	/*overflow-y: hidden;*/
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font: 12px/1.5 Arial, '\5b8b\4f53', '\5FAE\8F6F\96C5\9ED1', Tahoma;
	font-family: "微软雅黑", Arial;
	background-color: rgb(232,232,232);
}

.single_main_div {
	position : absolute;
	left: 16px;
	right: 16px;
	top: 10px;
	background-color: white;
	padding: 0px;
	overflow-x: auto;
}

h1, h2, h3, h4, h5 {
	padding: 10px 0px 0px 20px;
	letter-spacing : 2px;
	margin-bottom: 10px;
	margin-top: 0px;
}

h4 {
	font-size: 16px;
}

div.hr_sep {
	display: block;
	width: 100%;
	height: 3px;
	background-color: rgb(202, 202, 202);
}

div.div_sep {
	display: block;
	width: 100%;
	height: 10px;
	background-color: rgb(232, 232, 232);
}

div.inline_sep {
	display: block;
	width: 100%;
	height: 4px;
}

/* normal tables */
.datatable {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse:collapse;
	table-layout:fixed;
}

.datatable th {
	font-weight: bold;
	font-size: 15px;
	border-top: 3px solid rgb(202, 202, 202);
	border-bottom: 1px solid rgb(202, 202, 202);
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 6px 8px 6px;
	background: #FFECD4 no-repeat;
	border-left: 1px solid rgb(202, 202, 202);
	text-transform:lowercase;
}
.datatable th.t_colhead {
	border-left: none;
}

.datatable td {
	font-size: 14px;
	border-bottom: 1px solid rgb(202, 202, 202);
	/* background: #fff; */
	padding: 8px 14px 8px 14px;
	color: gray;
	border-left: 1px solid rgb(202, 202, 202);
	word-wrap:break-word;
}

.datatable td.nopadding { padding: 0px; }
.datatable td.fourpadding {padding: 4px; }

.datatable td.t_colhead {
	border-left: none;
	font-weight: bold;
}
.datatable td.t_subhead {
	border-left: 3px solid rgb(202, 202, 202);
	font-weight: bold;
}

.datatable td.t_thicktop {
	border-top: 3px solid rgb(202, 202, 202);
}
.datatable td.t_thickbottom {
	border-bottom: 3px solid rgb(202, 202, 202);
}
.datatable td.t_even {
	background-color: rgb(246, 246, 246);
}
.datatable td.loading {
	text-align: center;
	background-image:url(../images/loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	border-left: none;
	height: 40px;
}
.datatable td.error {
	text-align: center;
	border-left: none;
	height: 40px;
}

/* report_tab */


/* operation buttons */

.ManageButton {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:5px 15px 5px 26px;
	text-decoration:none;
	background-repeat: no-repeat;
}
.ManageButton:active {
	position:relative;
	top:1px;
}
.AddButton {
	background-color:rgb(87, 174, 128);
	background-image:url(../images/b_add.png);
	background-position:6px 6px;
}
/*.DownloadButton {*/
	/*background-color:#ffffff;*/
	/*background-image:url(../images/b_download.jpg);*/
	/*background-position:4px 4px;*/
/*}*/
.DownloadButton {
	background-color:rgb(87, 174, 128);
	background-image:url(../images/daochu.png);
	background-size:15px 15px;
	background-position:4px 6px;
}
.SaveButton {
	background-color:rgb(210, 100, 95);
	background-image:url(../images/b_save.png);
	background-position:8px 5px;
}
.ModButton {
	background-color:rgb(105, 201, 200);
	background-image:url(../images/b_mod.png);
	background-position:8px 8px;
}
.DelButton {
	background-color:rgb(255, 175, 112);
	background-image:url(../images/b_del.png);
	background-position:8px 8px;
}
.SearchButton {
	background-color:rgb(87, 174, 128);
	background-image:url(../images/b_search.png);
	background-position:2px 4px;
}
.PreButton {
	background-color:rgb(87, 174, 128);
	background-image:url(../images/b_pre.jpg);
	background-position:4px 1px;
}
.AfterButton {
	background-color:rgb(87, 174, 128);
	background-image:url(../images/b_after.jpg);
	background-position:4px 1px;
}


.op_div {
	padding: 8px 16px 8px 16px;
	margin: 0px;

}
.op_div span {
	margin-right: 8px;
	font-size:14px;
	font-weight: bold;

}
.op_div input,select {
	padding: 4px 8px 4px 8px;
	border: solid 1px gainsboro;
	margin-right: 8px;
	background-color : rgb(242,242,242);
}
.op_div .op_data {
	width: 90px;
}

.pager_container {
	text-align: center;
	font-size: 16px;
	padding: 10px;
}
.pager_container a,span {
	margin-right: 8px;
	font-weight: bold;
}
.pager_container a {
	cursor: pointer;
	color: rgb(29, 202, 216);

}
.pager_container span {
	font-size: 16px;
	color: gray;
}


.chart_replace {
	text-align: center;
	padding-top: 200px;
	padding-bottom: 200px;
}
.chartdiv {
	width: 100%;
	height: 550px;
}


.rain_mark {
	display: inline;
	padding: 0px 0px 0px 22px;
	background-image: url(../images/drip.png);
	background-repeat: no-repeat;
	height: 18px;
	margin-right: 6px;
}
.rank0 {background-position: 0px 0px;}
.rank1 {background-position: 0px -18px;}
.rank2 {background-position: 0px -36px;}
.rank3 {background-position: 0px -54px;}
.rank4 {background-position: 0px -72px;}
.rank5 {background-position: 0px -90px;}
.rank6 {background-position: 0px -108px;}
.rank7 {background-position: 0px -126px;}

.townItem {
	font-weight: bold;
	cursor: pointer;
}

.townItem_nodam {
	cursor: default;
}


.DlgButton {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 15px 5px 16px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #57A0D3;
}


.editform td, .editform th{
    padding: 4px 8px 8px 4px;
}


.editform th{
    background: #fdfdfd;
}
.editform label{
    font-size: 16px;
}

.nextButton {
    /*
	background-color:#ffffff;
    */
	padding: 3px 0px 5px 26px;
	background-image:url(../images/next.gif);
	width: 1px;
	height: 20px;
	/*background-position:8px 8px;*/
}
.preButton {
    /*
	background-color:#ffffff;
    */
	background-image:url(../images/pre.gif);
	width: 1px;
	height: 20px;
	padding: 3px 0px 5px 26px;
    /*
	background-position:8px 8px;
    */
}
.youfanye {
	width: 30px;
	height:886px;
	/*float: right;*/
	background-color:white;
	background-image:url(../../images/iconfont-youfanye.png);
	background-size:40px 60px;
	background-repeat:no-repeat;
	background-position: right;
	position: absolute;
	right: 0;
	top: 50px;

}
.zuofanye {
	width: 30px;
	height:886px;
	/*float: left;*/
	background-color:white;
	background-image:url(../../images/iconfont-zuofanye.png);
	background-size:40px 60px;
	background-repeat:no-repeat;
	background-position: left;
	/*margin-right:20px;*/
	position: absolute;
}

#tuli_bg {
	width: 100%;
	height: 100%;
	background: #5794F6;
	opacity: 0.5;
	position: absolute;
	z-index: -1;
}

.tuli_item {
	display: inline-block;
	margin: 10px 15px;
}

.tuli_item img {
	width: 60px;
	height: 60px;
}
.tuli_item > div {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.left_tip {
	margin: 10px;
	background: #ffffff;
	width: 320px;
	text-align: left;
	border: 1px solid grey;
}
#jb_box > p {
	margin: auto;
}
.left_tip {
	position: absolute;
}
.left_it_bg {
	height: 30px;
	width: 90%;
	background: #5794F6;
	margin: auto;
}
.left_it_bg > span {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 10px;
	line-height: 30px;
}
.left_p {
	margin: 10px 0;
}
.left_p > p {
	margin: auto;
	width: 90%;
	font-size: 12px;
}
.table-striped {
	font-size: 10px;
}

.middle_tip {
	background: #ffffff;
	width: 320px;
	border: 1px solid grey;
	float: left;
	position: absolute;
	margin: 10px;
	left: 340px;
}
.middle_tip > .middle_title {
	height: 30px;
	width: 100%;
	background: #5794F6;
}
.middle_tip > .middle_title > div > span {
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 15px;
}
.middle_data > div {
	margin: 10px 15px;
}
.title_name {
	width: 60%;
	height: 30px;
	float: left;
}
.title_tip {
	width: 20%;
	height: 30px;
	float: left;
}
.title_toggle {
	width: 20%;
	height: 30px;
	float: left;
}
.title_toggle > img {
	margin: 10px 40px;;
	height: 10px;
}

.right_tip {
	background: #ffffff;
	width: 320px;
	height: 600px;
	border: 1px solid grey;
	float: right;
	position: absolute;
	margin: 10px;
	right: 0;
}
.right_tip td {
	font-size: 10px;
}
.right_tip > div > img {
	width: 300px;
	height: 140px;
	margin: 10px;
}
.all_table {
	width: 100%;
}
.all_table > div {
	margin: 20px;
}
.all_table > .table_title > span {
	font-size: 24px;
	font-weight: bold;
	color: #5794F6;
}
.all_table > div > table > tbody > tr > td > input {
	width: 50px;
	margin-bottom: 0;
}
.table_bg_one {
	background: #c6def5;
}
.table_bg_two {
	background: #c5e3c4;
}
.table_bg_three {
	background: #f5cbc5;
}
.table_five {
	background: #c6def5;
}

